<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>所有 screen 属性实例</title>
</head>

<body>
    <h3>你的屏幕:</h3>
    <script>
        document.write("总宽度/高度: ");
        document.write(screen.width + "*" + screen.height);
        document.write("<br />");
        document.write("可用宽度/高度: ");
        document.write(screen.availWidth + "*" + screen.availHeight);
        document.write("<br />");
        document.write("色彩深度: ");
        document.write(screen.colorDepth);
        document.write("<br />");
        document.write("色彩分辨率: ");
        document.write(screen.pixelDepth);
    </script>
</body>

</html>